<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>骏怡连锁-客房管理</title>
<meta name="description" content="客房管理">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="favicon.ico">
<meta name="apple-mobile-web-app-title" content="骏怡连锁" />
<link rel="stylesheet" href="/assets/css/amazeui.min.css"/>
<!-- Sweet Alert-->
<link rel="stylesheet" href="/assets/css/sweetalert2.min.css"/>
<link rel="stylesheet" href="/assets/css/admin.css">
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/app.js"></script>
</head>
<body>
<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->
</head>

<body>
<header class="am-topbar admin-header">
  <div class="am-topbar-brand">
    <img src="favicon.ico"/>&nbsp;<span style="font-weight: bold;">骏怡连锁</span>
  </div>

  
</header>

<div class="am-cf admin-main"> 

<div class="nav-navicon admin-main admin-sidebar">
    <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：<span id="currentUser"></span></div>
    <div class="sideMenu">
      <h3 class="am-icon-volume-up"><em></em> <a href="index.html">首页</a></h3>
      <h3 class="am-icon-flag on"><em></em> <a href="#">客房管理</a></h3>
      <h3 class="am-icon-cart-plus"><em></em> <a href="/pages/role.html"> 角色管理</a></h3>
      <h3 class="am-icon-users"><em></em> <a href="/pages/employee.html">员工管理</a></h3>
      <h3 class="am-icon-gears"><em></em> <a href="user.html">用户管理</a></h3>
    </div>
    <!-- sideMenu End --> 
    
    <script type="text/javascript">
			jQuery(".sideMenu").slide({
				titCell:"h3", //鼠标触发对象
				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:150, //鼠标延迟触发时间（默认150）
				defaultPlay:true,//默认是否执行效果（默认true）
				returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
				});
		</script> 
    
</div>

<div class=" admin-content">
	
		<div class="daohang">
				<div class="am-u-sm-2">
					<button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页</div>
				<div class="am-u-sm-7"></div>
				<div class="am-u-sm-3">
					<button type="button" class="am-btn am-btn-default am-radius am-btn-xs" id="logout"> 退出登录</div>
			</div>

<div class="admin">
		<table class="am-table am-table-bordered am-table-radius am-table-striped">
			<h1 style="text-align: center;">客房列表</h1>
				<button class="am-btn am-btn-secondary" style="float: right;">客房列表</button>
				<button class="am-btn am-btn-secondary" style="float: right;margin-right: 10px;">客房类型管理</button>
				<thead>
					<tr>
					  <th >客房号</th>
					  <th >客房状态</th>
					  <th >客房类型</th>
					  <th >客房价格</th>
					  <th style="text-align: center;">客房照片</th> 
					  <th style="text-align: center;">住户信息</th>
					  <th >操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
					  <td style="background: yellow">001</td>
					  <td style="background: yellow">有人</td>
					  <td style="background: yellow">单人间</td>
					  <td style="background: yellow">￥299</td>
					  <td style="background: yellow">
					      <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
					      </ul>
					  </td>
					  <td style="background: yellow">
						  <table class="am-table am-table-bordered am-table-striped am-table-compact">
							  <thead>
							  <tr>
								  <th>姓名</th>
								  <th>电话</th>
								  <th>生份证号</th>
							  </tr>
						  </thead>
						  <tbody>
							  <tr>
								  <td>老王</td>
								  <td>13186151123</td>
								  <td>610123456789123456</td>
							  </tr>
						  </tbody>
						  </table>
					  </td>
					  <td style="background: yellow">
							<button class="am-btn am-btn-secondary am-btn am-btn-default am-radius">退房</button><br>
							<button class="am-btn am-btn-danger">修改</button>       <br>                            
							<button class="am-btn am-btn-danger">删除</button>         <br>                          
					  </td>
					</tr>
				</tbody>

				<thead>
					<tr>
					  <th>客房号</th>
					  <th>客房状态</th>
					  <th>客房类型</th>
					  <th>客房价格</th>
					  <th style="text-align: center;">客房照片</th>
					  <th style="text-align: center;">住户信息</th>
					  <th>操作</th>
					</tr>
				</thead>
				<tbody >
					<tr>
					  <td style="background: yellow">001</td>
					  <td style="background: yellow">有人</td>
					  <td style="background: yellow">单人间</td>
					  <td style="background: yellow">￥299</td>
					  <td style="background: yellow">
					      <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
					      </ul>
					  </td>
					  <td style="background: yellow">
						  <table class="am-table am-table-bordered am-table-striped am-table-compact">
							  <thead>
							  <tr>
								  <th>姓名</th>
								  <th>电话</th>
								  <th>生份证号</th>
							  </tr>
						  </thead>
						  <tbody style="background: yellow;">
							  <tr>
								  <td>老王</td>
								  <td>13186151123</td>
								  <td>610123456789123456</td>
							  </tr>
						  </tbody>
						  </table>
					  </td>
					  <td style="background: yellow">
							<button class="am-btn am-btn-secondary am-btn am-btn-default am-radius">退房</button><br>
							<button class="am-btn am-btn-danger">修改</button>       <br>                            
							<button class="am-btn am-btn-danger">删除</button>         <br>                          
					  </td>
					</tr>
				</tbody>


				<thead>
					<tr>
					  <th>客房号</th>
					  <th>客房状态</th>
					  <th>客房类型</th>
					  <th>客房价格</th>
					  <th style="text-align: center;">客房照片</th>
					  <th style="text-align: center;">住户信息</th>
					  <th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
					  <td style="background: yellow">001</td>
					  <td style="background: yellow">有人</td>
					  <td style="background: yellow">单人间</td>
					  <td style="background: yellow">￥299</td>
					  <td style="background: yellow">
					      <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
						  <li><img src="/assets/img/01.jpg" alt="" style="width: 100px;height: 100px;"></li>
					      </ul>
					  </td>
					  <td style="background: yellow">
						  <table class="am-table am-table-bordered am-table-striped am-table-compact">
							  <thead>
							  <tr>
								  <th>姓名</th>
								  <th>电话</th>
								  <th>生份证号</th>
							  </tr>
						  </thead>
						  <tbody>
							  <tr>
								  <td>老王</td>
								  <td>13186151123</td>
								  <td>610123456789123456</td>
							  </tr>
						  </tbody>
						  </table>
					  </td>
					  <td style="background: yellow">
							<button class="am-btn am-btn-secondary am-btn am-btn-default am-radius">退房</button><br>
							<button class="am-btn am-btn-danger">修改</button>       <br>                            
							<button class="am-btn am-btn-danger">删除</button>         <br>                          
					  </td>
					</tr>
				</tbody>
			</table>
</div>

</div>




</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]--> 

<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="/assets/js/amazeui.min.js"></script>
<!--<![endif]-->
<script src="/assets/script/public.js"></script>
<!-- Sweet Alert -->
<script src="/assets/js/sweetalert2.min.js"></script>v
</body>
</html>